<script setup>
defineProps({
  width: {
    type: String,
    default: '100%'
  },
  height: {
    type: String,
    default: '100%'
  }
})
</script>

<template>
  <svg :width="width" :height="height" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="32" fill="#c75c5c" r="32"/>
    <path
        d="m28.1 58.1s-16.1-2.4-16.1-16.1 21-15 16.4-32c0 0 15.7 4.9 11.9 20.2 0 0 2.1-1.3 3.7-3.9 0 0 8 6.2 8 15.5s-11 16.2-16.3 16.2c0 0 5.6-7.6.5-12.5-7.3-7-4.2-11.4-4.2-11.4s-17.8 8.7-3.9 24z"
        fill="#231f20" opacity=".2"/>
    <path
        d="m28.1 56.1s-16.1-2.4-16.1-16.1 21-15 16.4-32c0 0 15.7 4.9 11.9 20.2 0 0 2.1-1.3 3.7-3.9 0 0 8 6.2 8 15.5s-11 16.2-16.3 16.2c0 0 5.6-7.6.5-12.5-7.3-7-4.2-11.4-4.2-11.4s-17.8 8.7-3.9 24z"
        fill="#f5cf87"/>
  </svg>
</template>
